import styled from "styled-components"

export const Page=styled.div`
    padding-top: 44px;
    background: rgba(200,200,200,0.5);
    & .header{
        position: fixed;
        top: 0;
        left: 0;
        font-size: 20px;
        padding: 10px;
        background: white;
        width: 100%;
    }
    & .nocount{
        text-align: center;
        background: white;
        padding: 50px;
        margin: 10px 0;
    }
`
export const Footer=styled.div`
    display: flex;
    justify-content: space-between;
    position: fixed;
    left: 0;
    bottom: 52px;
    background: white;
    width: 100%;
    border-top: 1px solid #ddd;
    align-items: center;
    & .choose{
        padding-left: 10px;
        & label{
            margin-left: 10px;
        }
    }
    & .buy{
        & span{
            color: red;
            margin-right: 5px;
        }
        & button{
            padding: 15px 35px;
            border: none;
            color: white;
            background: #bbb;
        }
        & .enable{
            background: red;
        }
    }
`